<template>
  <div>
    <Person :person="person" a="haha~~"/>
  </div>
</template>

<script lang="ts" setup name="App">
import Person from './components/Person.vue'
import {type Persons} from "@/types"
import { reactive } from 'vue';
//reactive<Persons>让reactive定义的对象满足<Persons>泛型要求
let person=reactive<Persons>([
{id:"01",name:"银河",age:2},
{id:"02",name:"梦境",age:5},
{id:"03",name:"环境",age:8,gender:"male"}
])
</script>


<style>

</style>